<template>
  <el-breadcrumb separator="/">
    <el-breadcrumb-item :to="{ path: routes[0]?.path }">{{ routes[0]?.label }}</el-breadcrumb-item>
    <el-breadcrumb-item>{{ routes[1]?.label }}</el-breadcrumb-item>
  </el-breadcrumb>
</template>
<script lang="ts" setup>
interface RouteItem {
  path: string
  label: string
}
const props = defineProps({
  routes: {
    required: true,
    type: Array<RouteItem>,
    default: () => []
  }
})
</script>
<style lang="scss" scoped>
  :deep(.el-breadcrumb__inner.is-link) {
    color: #409eff;
    font-weight: normal;
  }
</style>